<template>
	<swiper
	  v-if="imageList.length>0"
	  :showIndicator='true'
		:interval="5000000"
	>
		<Slide v-for="(item,index) in imageList"  class="swiper-item">
			<img :src="item" alt="" :key="item">
		</Slide>
	</swiper>
</template>

<script>
	import { Swiper, Slide } from 'vue-swiper-component';
	export default {
		name:'DetailSwiper',
		components:{
			Swiper,
			Slide
		},
		props:{
			imageList:{
				type:Array,
				default:[]
			}
		}
	}
</script>

<style scoped>
	.swiper-item{
		width: 100vw;
		height: 8rem;
		overflow: hidden;
	}
	.swiper-item img {
		width: 100%;
		height: auto;
	}
</style>
